:root {
	--xz-btn-color:#FE6A00;
	--xz-title-color:#4F4D4E;
	--xz-linear-gradient:linear-gradient(0deg,#0BA2ED 0%,#21ADF4 100%);
}
.bg-write {
	background-color: #fff;
}
.position-relative {
	position: relative;
}
/* f1样式 */
.f1 {
	padding: 25px 0;
}
.logo>a {
	display: block;
	width: 168px;
	height: 41px;
	background-position: -744px 0;
	background-image: url(../img/img.png);
}
.pe-30 {
	padding-right: 30px;
}
.f1 > .container {
	display: flex;
	align-items: flex-end;
}
.h2 {
	font-size: 1.7em;
}
.text-dark {
	color: var(--xz-title-color);
}
.text-center {
	text-align: center;
}
.flex {
	display: flex;
}
.justify-center {
	justify-content: center;
}
.pt-15 {
	padding-top: 15px;
}
.f2 {
	background-repeat: repeat-x;
	background-position: center center;
	background-image: url(../img/bg4.jpg);
}
.f2 >.container {
	display: flex;
	justify-content: flex-end;
	padding: 50px 26px 50px 0;
}
.card {
	color: #fff;
	width: 590px;
	padding: 25px 0 25px 20px;
	background-color: rgba(0,0,0,.2);
}
.row1 {
	display: flex;
	width: 365px;
	align-items: flex-end;
	padding-bottom: 20px;
	justify-content: space-between;
}
.row1>.col > a{
	color: #fff;
}
.row2 > input {
	padding: 10px 0 10px 20px;
	margin-right: 5px;
	flex-basis: 280px;
}
.row2 {
	display: flex;
	align-items: center;
	padding-bottom: 30px;
}
.row2 > label {
	flex-basis: 6em;
	text-align: right;
}
.row2 > span {
	display: block;
	padding: 5px;
	border-radius: 3px;
	user-select: none;
	flex-basis: auto;
}
.row3 {
	display: flex;
	align-items: center;
	padding-bottom: 20px;
}
.row3>input {
	flex-basis: 30px;
	margin-left: 6em;
}
.getyzm {
	border-radius: 5px;
	left: 270px;
	background-color: #999999;
	position: absolute;
	padding: 3px 5px;
	top: calc(50% - 27px);
	cursor: pointer;
	user-select: none;
}
.getyzm:active {
	background-color: rgba(0,0,0,.3);
}
.default {
	background-color: #999999;
}
.danger {
	background-color: #DD0000;
}
.success {
	background-color: #00DD00;
}
.row4 {
	width: 365px;
	display: flex;
	justify-content: flex-end;
}
.regbtn {
	flex-basis: 277px;
	padding: 8px 0;
	font-size: 1.1em;
	user-select: none;
	cursor: pointer;
	border-radius: 5px;
	text-align: center;
	font-family: '微软雅黑';
	background-image: var(--xz-linear-gradient);
}
.regbtn.error {
	background-image: linear-gradient(0deg,#E2E2E2 0%,#EDEDED 100%);
	color: white;
}
/* f3 样式 */
.icon1 {
	width: 60px;
	height: 60px;
	display: block;
	background-image: url(../img/img.png);
	background-position: -276px 0;
}
.icon2 {
	display: block;
	width: 60px;
	height: 60px;
	background-image: url(../img/img.png);
	background-position: -336px 0;
}
.icon3 {
	display: block;
	width: 60px;
	height: 60px;
	background-image: url(../img/img.png);
	background-position: -216px 0;
}
.icon4 {
	display: block;
	width: 60px;
	height: 60px;
	background-image: url(../img/img.png);
	background-position: -156px 0;
}
.f3 .menu {
	display: flex;
	user-select: none;
}
.f3 .menu>li {
	flex: 1;
	text-align: center;
	padding: 80px 0;
}
.f3 .menu>li>div:first-child{
	display: flex;
	justify-content: center;
}
/* f4 样式 */
.f4 {
	padding-top: 70px;
	padding-bottom: 30px;
}
.f4 > .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footlogo {
	width: 293px;
	height: 47px;
	margin-top: 5px;
	background-image: url(../img/img.png);
	background-position: -912px 0;
}
.footList>.title>ul {
	display: flex;
	width: 283px;
	user-select: none;
	justify-content: space-between;
}
.footList>.main {
	display: flex;
	user-select: none;
	justify-content: space-between;
}
.footList>.main > ul > li {
	padding: 3px 0;
	font-size: .9em;
}
.wechat {
	width: 14px;
	height: 12px;
	display: block;
	margin-top: 2px;
	margin-right: 8px;
	background-image: url(../img/img.png);
	background-position: 0 0;
}
.sinablog {
	width: 16px;
	height: 14px;
	display: block;
	background-image: url(../img/img.png);
	background-position: -14px 0;
}
.footList > .main > ul:last-child>li:last-child {
	display: flex;
}
.erweima {
	width: 100px;
	height: 100px;
	margin-left: 2px;
	background-image: url(../img/img.png);
	background-position: -396px 0;
}
.khd {
	display: flex;
	align-items: center;
	user-select: none;
}
.android {
	width: 124px;
	height: 32px;
	background-image: url(../img/img.png);
	background-position: -496px 0;
}
.ios {
	width: 124px;
	height: 36px;
	background-position: -620px 0;
	background-image: url(../img/img.png);
}
.khd > div:first-child > div {
	text-align: center;
	margin-top: 2px;
}
/* f5 样式 */
.f5 {
	padding-bottom: 30px;
}
.f5 > .container {
	display: flex;
	justify-content: center;
}
/* 模态框样式 */
.model {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	background-color: rgba(0,0,0,.3);
}
.kuang {
	width: 388px;
	height: 195px;
	display: flex;
	justify-content: center;
	align-items: center;
	user-select: none;
	position: absolute;
	top: calc(50% - 194px);
	left: calc(50% - 97.5px);
}
.kuang > img {
	width: 30px;
	margin-right: 20px;
}
.kuang > div > div:first-child {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
}
.questbtn {
	width: 60px;
	padding: 5px 15px;
	color: #fff;
	cursor: pointer;
	background-color:var(--xz-btn-color);
}